.top{ position:fixed; height:50px; padding-top:4px; background:#000; left:0; top:0; z-index:99999; width:100%}
.topbox{ width:1200px; margin:0 auto}
@media(max-width:1024px) {
 .topbox{ width:1000px; margin:0 auto}
}
.logo{ width:310px; float:left; display:inline-block}
.logo img{width:80%;height:80%;}
.nav{ width:590px; float:right; display:inline-block; text-align:right}
.nav a:link,.nav a:visited{ color:#fff; font-size:18px;transition:color 0.6s;}
.nav a:hover,.nav a:active{ color:#f6a134;}
.nav a span{ display:inline-block; padding:10px 6px 0 6px;font-size:16px;}
.swbox{ width:100%; height:611px; padding-top:50px}
 .swiper-container {
        width: 100%;
        height: 611px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; overflow:hidden
    }
	    
	.slide1{ text-align:center; width:100%; background:#8fc9ee}
	
	.swapbox1{width:100%; background:#f3f3f3; border-bottom:1px #ccc dashed; height:478px; clear:both; margin-top:64px}
	.swapbox2{width:100%; background:#f8fcff; height:374px; clear:both; margin-top:64px}
	
	.swapbox3{width:100%; height:278px; clear:both; margin-top:36px}
	
	.lan1{ height:82px; background:url(../images/lan.png) no-repeat}
	.lan2{ height:82px; background:url(../images/lan.png) no-repeat 0 -70px}
	.lan1 a:link,.lan1 a:visited{ line-height:108px; float:right; color:#6abcda; font-size:14px; height:84px; overflow:hidden; display:block}
	.lan1 a:hover,.lan1 a:active{ line-height:108px; float:right; color:#f6a134}
	.swiper-container1{  width: 900px; height:478px; overflow:hidden}
	.swiper-container1 .swiper-wrapper{ height:226px;}
	
	.swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color:#000;
        opacity: 1;
        background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
        color:#fff;
        background: #007aff;
    }
	 .pagina_1{height:150px;}
	 .swiper-pagination1 .swiper-pagination-bullet{ width:290px; height:150px;filter:alpha(opacity=0.001); -moz-opacity:0.0001;-khtml-opacity:0.0001; opacity: 0.0001; }
	 .swiper-pagination1 .swiper-pagination-bullet-active{ filter:alpha(opacity=0.001); -moz-opacity:0.0001;-khtml-opacity:0.0001; opacity: 0.0001;}
	 .slideimg a:link, .slideimg a:visited{ margin:0 8px 0 8px; width:280px; height:180px; display:inline-block;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity:0.9; opacity: 0.9;}
	 .slideimg a:hover, .slideimg a:active{ margin:0 8px 0 8px; filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
	 .slideimg a i{display:none}
	 .slideimg{background:#f3f3f3}
	 
	 .news{height:396px}
 .news a:link,.news a:visited{ display:inline-block; width:405px; height:265px; float:left; margin:40px 0 0 0; position:relative; filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity:0.9; opacity: 0.9;}
 .news a:hover,.news a:active{ filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
  .news a:hover,.news a:active p{ filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
 .news a p{ width:405px; height:40px; position:absolute; bottom:0; left:0; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8; opacity: 0.8; color:#fff; text-align:center; line-height:40px; margin:0; padding:0}
 
  .news a.newsa{ float:right;}



.swiper-pagination11 span.swiper-pagination-bullet{ width:112px; height:66px; background:#0068b7; border-radius:0}
.swiper-pagination11 span.swiper-pagination-bullet-active{background:#024273}

.swiper12{height:374px}
/* Arrows */
.swiper-button-prev12,
.swiper-button-next12 ,
.swiper-button-prev13,
.swiper-button-next13{
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev12.swiper-button-disabled,
.swiper-button-next12.swiper-button-disabled,
.swiper-button-prev13.swiper-button-disabled,
.swiper-button-next13.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev12,
.swiper-container-rtl .swiper-button-next12,
.swiper-button-prev13,
.swiper-container-rtl .swiper-button-next13 {
  background-image: url("../images/nav_l.png");
  left: 10px;
  right: auto;
}
.swiper-button-prev12.swiper-button-black,
.swiper-container-rtl .swiper-button-next12.swiper-button-black ,
.swiper-button-prev13.swiper-button-black,
.swiper-container-rtl .swiper-button-next13.swiper-button-black{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev12.swiper-button-white,
.swiper-container-rtl .swiper-button-next12.swiper-button-white,
.swiper-button-prev13.swiper-button-white,
.swiper-container-rtl .swiper-button-next13.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next12,
.swiper-container-rtl .swiper-button-prev12,
.swiper-button-next13,
.swiper-container-rtl .swiper-button-prev13 {
  background-image: url("../images/nav_r.png");
  right: 10px;
  left: auto;
}
.swiper-button-next12.swiper-button-black,
.swiper-container-rtl .swiper-button-prev12.swiper-button-black,
.swiper-button-next13.swiper-button-black,
.swiper-container-rtl .swiper-button-prev13.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next12.swiper-button-white,
.swiper-container-rtl .swiper-button-prev12.swiper-button-white,
.swiper-button-next13.swiper-button-white,
.swiper-container-rtl .swiper-button-prev13.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}


.swapban{ width:50%; float:left}
.cle68{ height:68px; clear:both}
.hobox h2{ margin:0; padding:0; background:url(../images/lanbox.png) no-repeat; height:41px; font-size:18px; color:#fff; line-height:41px; font-style:normal; font-weight:200}
.hobox h2 span{ display:inline-block; width:136px; padding:0 0 0 20px; float:left;}
.hobox h2 a:link,.hobox h2 a:visited{ display:inline-block; width:100px; padding:0 0 2px 0; float:right; color:#6bb9e0; font-size:16px; text-decoration:underline; text-align:right}
.hobox h2 a:hover,.hobox h2 a:active{ display:inline-block; color:#000;  text-decoration:none}

.hoboxr{width:422px; float:right; text-align:left}
.hobox_1{ width:422px; height:466px; padding-top:30px; font-size:16px}
.new_pic:link,.new_pic:visited{ display:block; position:relative; text-align:center; line-height:180px;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8; opacity: 0.8;}
.new_pic:hover,.new_pic:active{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.new_pic p{ background:#000; position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; color:#fff; padding:0 8px; overflow:hidden;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8; opacity: 0.8; margin:0}
.new_pic img{ width:422px; height:180px;}
.hobox_1 ul{ padding:6px 0; margin:0; list-style:none; background:#f1faff; height:256px}
.hobox_1 ul li{ margin:0; height:39px; line-height:39px; padding:0;}
.hobox_1 ul li a{padding:0 0 0 12px; width:330px; overflow:hidden; float:left}
.hobox_1 ul li a i{ float:right; font-style:normal; width:90px; overflow:hidden}

.hobox_2{width:422px; height:576px; padding-top:30px; font-size:16px}
.hobox_2 ul{ padding:0; margin:0; list-style:none;}

.hobox_2_1{ width:430px; height:164px; border-left:18px #f1cf64 solid; background:#f1faff}
.hobox_2_2{ width:430px; height:164px; border-left:18px #0392d8 solid; background:#f1faff}
.hobox_2_3{ width:430px; height:164px; border-left:18px #f39500 solid; background:#f1faff}
.hobox_2_0{ width:430px; height:19px;}
.hobox_2 ul li p{ width:100%; height:164px; border:2px #ddeef7 solid; border-left:none; display:block; margin:0; padding:16px 14px}
.hobox_2 ul li p span{ padding-bottom:6px; display:block; color:#282828}
.hobox_2 ul li p i{ color:#0087ca; font-style:normal}

.hobox_3{width:422px; height:466px; padding-top:30px; font-size:16px; overflow:hidden}
.hobox_3 a{ padding:0; margin:0 0 58px 0; display:block; width:422px; height:196px; position:relative}
.hobox_3 a img{width:422px; height:196px; }
.hobox_3 a:link p,.hobox_3 a:visited p{padding:0; margin:0 ; display:block; width:422px; height:196px; line-height:196px; overflow:hidden; position:absolute; left:0; top:0; color:#fff; filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0; opacity: 0; font-size:24px;}
.hobox_3 a:hover p,.hobox_3 a:active p{ position:absolute; left:0; top:0; color:#fff; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity:0.6; opacity:0.6;}

.hobox_4{width:422px; height:576px; padding-top:30px; font-size:16px}
.hobox_4 a img{ display:block; height:280px}
.hobox_4 p{ padding:20px; margin:0; height:248px; overflow:hidden; font-size:14px; background:#f1faff; line-height:28px}
.swiper13{ height:242px;}


.new_pic1:link,.new_pic1:visited{ display:block; position:relative; text-align:center; filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8; opacity: 0.8;}
.new_pic1:hover,.new_pic1:active{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.new_pic1 p{ background:#000; position:absolute; left:0; bottom:0; width:100%; height:70px; line-height:20px; font-size:12px; text-align:left; color:#fff; padding:4px 8px; overflow:hidden;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity:0.8; opacity: 0.8; margin:0}
.new_pic1 img{ width:202px; height:242px;}
.new_pic1 p i{ color:#6bb9e0; font-style:normal}

